<button (click)="handleClick()" nz-button nzType="primary">
  <!-- <span nz-icon nzType="plus" nzTheme="outline"></span> -->
  设定关联Scenario
</button>

<!-- 弹窗中展示所有的scenario列表 -->
<nz-drawer [nzVisible]="drawerVisable" (nzOnClose)="handleDrawClose()" nzPlacement="right" nzWidth="700px"
  [nzFooter]="footerTpl">
  <ng-container *nzDrawerContent>
    <input nz-input placeholder="请输入scenario进行筛选" [ngModel]="value" (ngModelChange)="ngModelChange($event)" />

    <nz-table #rowSelectionTable nzShowPagination nzShowSizeChanger [nzData]="tableData" [nzShowPagination]="false">
      <thead>
        <tr>
          <th [nzChecked]="checked" [nzIndeterminate]="indeterminate" (nzCheckedChange)="onAllChecked($event)"></th>
          <th>scenario</th>
          <th>description</th>
        </tr>
      </thead>
      <tbody>
        <tr *ngFor="let data of rowSelectionTable.data">
          <td [nzChecked]="setOfCheckedId.has(data.id)" [nzDisabled]="data.disabled"
            (nzCheckedChange)="onItemChecked(data.id, $event)"></td>
          <td>{{ data.scenario }}</td>
          <td>{{ data.description }}</td>
        </tr>
      </tbody>
    </nz-table>

  </ng-container>
  <ng-template #footerTpl>
    <div style="float: right">
      <button (click)="handleSubmit()" nz-button nzType="primary">保存</button>
    </div>
  </ng-template>
</nz-drawer>